<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sign In</title>
    <link rel="stylesheet" type="text/css" href="/styles/styles-signUpIn.css">
</head>
<body>
<div class="login-container">
    <h2>Sign In</h2>
    <div th:if="${param.error}">
        Invalid username and password.</div>
    <div th:if="${param.logout}">
        You have been logged out.</div>
    <form th:action="@{/login}" method="post">
       <label>
            <input type="text" name="username" class="form-input" placeholder="username" required>
        </label>
        <label>
            <input type="password" name="password" class="form-input" placeholder="password" required>
        </label>
        <button type="submit" class="submit-button">Sign in</button>
    </form>
    <div class="form-footer">

        No Account? <a href="registration">Sign Up</a>
    </div>
</div>
</body>
</html>